<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	
	<!-- 头部 -->
	<div id="top">
		<div class="container">
			<div class="left">
				<a href="#" class="logo"><img src="images/logo.png" alt=""></a>
				<span>
					<img src="images/img_01.jpg" alt="">
					<a href="#"><img src="images/img_02.jpg" alt=""></a>
				</span>
			</div>
			<div class="right">
				<h3 class="text1"><a href="#">成长守护平台</a></h3>
				<h3 class="text2">
					<span>腾讯游戏排行榜</span>
					<iframe src="https://game.gtimg.cn/images/js/title/title_game_rank.html?rd=0.6661277254715121"
						width="708" height="582" frameborder="0"></iframe>
				</h3>
			</div>
		</div>
	</div>

	<!-- 导航 -->
	<div id="nav">
		<div class="container">
			<div class="title">
				<a href="#"><img src="images/logo2.png" alt=""></a>
				<h1>和平精英<span>腾讯自研军事竞赛体验手游</span></h1>
			</div>
			<ul>
				<li><a href="http://www.baidu.com">版本资讯</a></li>
				<li><a href="#">新增玩法</a></li>
				<li><a href="#">新增场景</a></li>
				<li><a href="#">新增道具</a></li>
				<li><a href="#">新增内容</a></li>
				<li><a href="#">系统优化</a></li>
				<li><a href="#">游戏特色</a></li>
			</ul>
		</div>
	</div>

	<!-- 首屏 -->
	<div id="section1">
		<div class="container">
			<a href="#" class="btn">进入官网</a>
			<div class="video">
				<div class="play">
					<a href="#"><img src="images/img_03.jpg" alt=""></a>
				</div>
				<img src="images/downqrcode.jpg" alt="" class="erweima">
				<div class="down">
					<a href="#"><img src="images/ios.png" alt=""></a>
					<a href="#"><img src="images/and.png" alt=""></a>
				</div>
			</div>
		</div>
	</div>

	<!-- 视频弹出框 -->
	<div class="dialog">
		<div class="movie">
			<!-- 以下为视频的代码，这个是从第三方视频网站里拷贝的 -->
			<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=y3023hikn7h" allowFullScreen="true"
				width="1046" height="640"></iframe>
		</div>
		<div class="colseBtn"></div>
	</div>
	<div class="shadow"></div>

	<!-- 版本咨询 -->
	<div id="section2">
		<h2>版本咨询</h2>
		<div class="container">
			<ul class="tabBtn tabList">
				<!-- 最外层选项卡的按钮 -->
				<li class="active">最新活动</li>
				<li>商城新品</li>
			</ul>
			<div class="tabContent con">
				<!-- 最外层选项卡的内容 -->
				<div class="active subTab_1">
					<!-- 最新活动的选项卡 -->
					<ul class="tabBtn">
						<!-- 最新活动的按钮 -->
						<li class="active">抢占据点</li>
						<li>烤鸡大师</li>
					</ul>
					<div class="tabContent">
						<!-- 最新活动的内容 -->
						<div class="active">
							<!-- 抢占据点的内容  -->
							<img src="images/img_04.jpg" alt="">
							<div class="text">
								<h3>11月22日-11月29日</h3>
								<p>活动期间，活动页面内每日首次占领任意据点可抽奖1次，传递给好友捷报前5名打开均可抽奖1次，有机会赢取永久深海格斗者套装，每日游戏内参与占点竞技更有累计奖励。</p>
							</div>
						</div>
						<div>
							<!-- 烤鸡大师的内容 -->
							<img src="images/img_05.jpg" alt="">
							<div class="text">
								<h3>11月27日-12月8日</h3>
								<p>活动期间，通过完成日常任务收集“干柴”和“鸡”来制作烤鸡。每烤一份烤鸡，需要消耗一只鸡和多份干柴。每进行一次烤制，将消耗一份干柴，直至把鸡烤熟或烤焦，才会消耗下一只鸡。活动共有9个彩蛋勋章，收集任意6个彩蛋勋章可以激活烤鸡大师游戏称号（限时）。获得一定数量的烤鸡，可以兑换“阳光火鸡套装”。
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="subTab_2">
					<!-- 商城新品选项卡 -->
					<ul class="tabBtn">
						<li class="active">
							<img src="images/edition_01.png" alt="">
							<p>未来战士-套装</p>
						</li>
						<li>
							<img src="images/edition_02.png" alt="">
							<p>M24未来战士</p>
						</li>
						<li>
							<img src="images/edition_03.png" alt="">
							<p>S686未来战士</p>
						</li>
						<li>
							<img src="images/edition_04.png" alt="">
							<p>Scar-L未来战士</p>
						</li>
					</ul>
					<div class="tabContent">
						<div class="active">
							<img src="images/edition_05.png" alt="">
							<p>未来战士-套装</p>
						</div>
						<div>
							<img src="images/edition_02_big.png" alt="">
							<p>M24未来战士</p>
						</div>
						<div>
							<img src="images/edition_03_big.png" alt="">
							<p>S686未来战士</p>
						</div>
						<div>
							<img src="images/edition_04_big.png" alt="">
							<p>Scar-L未来战士</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 新增玩法 -->
	<div id="section3" class="public">
		<h2>新增玩法</h2>
		<div class="container">
			<div class="wrap">
				<ul>
					<li>
						<img src="images/pic_01.png" alt="">
						<div class="text">
							<h3>1创意工坊 -火力对决</h3>
							<p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
							</p>
						</div>
					</li>
					<li>
						<img src="images/pic_02.png" alt="">
						<div class="text">
							<h3>2创意工坊 -火力对决</h3>
							<p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
							</p>
						</div>
					</li>
					<li>
						<img src="images/pic_03.png" alt="">
						<div class="text">
							<h3>3创意工坊 -火力对决</h3>
							<p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
							</p>
						</div>
					</li>
					<li>
						<img src="images/pic_04.png" alt="">
						<div class="text">
							<h3>4创意工坊 -火力对决</h3>
							<p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
							</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="btn">
				<button class="prev"></button>
				<button class="next"></button>
			</div>
			<div class="circle">
				<span class="active"></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
	</div>

	<!-- 新增场景 -->
	<div id="section4">
		<h2>新增场景</h2>
		<ul>
			<li class="active">
				<img src="images/section4_small_01.png" alt="">
				<p>团竞小镇</p>
			</li>
			<li>
				<img src="images/section4_small_02.png" alt="">
				<p>暮色小镇</p>
			</li>
			<li>
				<img src="images/section4_small_03.png" alt="">
				<p>旋转木马</p>
			</li>
			<li>
				<img src="images/section4_small_04.png" alt="">
				<p>超级武器箱</p>
			</li>
			<li>
				<img src="images/section4_small_05.png" alt="">
				<p>停机坪</p>
			</li>
		</ul>
		<div class="bottom"></div>
	</div>

	<!-- 新增枪械 -->
	<div id="section5" class="public">
		<h2>新增枪械/载具</h2>
		<div class="container">
			<div class="wrap">
				<ul>
					<li>
						<img src="images/img_06.png" alt="">
						<div class="text">
							<h3>直升机</h3>
							<p>火力对决模式专属载具，可搭载8人的飞行载具，其中机舱外部四个位置支持使用武器射击。
							</p>
						</div>
					</li>
					<li>
						<img src="images/pic_02.png" alt="">
						<div class="text">
							<h3>2创意工坊 -火力对决</h3>
							<p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
							</p>
						</div>
					</li>
					<li>
						<img src="images/pic_03.png" alt="">
						<div class="text">
							<h3>3创意工坊 -火力对决</h3>
							<p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
							</p>
						</div>
					</li>
					<li>
						<img src="images/pic_04.png" alt="">
						<div class="text">
							<h3>4创意工坊 -火力对决</h3>
							<p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
							</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="btn">
				<button class="prev"></button>
				<button class="next"></button>
			</div>
			<div class="circle">
				<span class="active"></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
	</div>

	<!-- 新增内容 -->
	<div id="section6">
		<h2>新增内容</h2>
		<ul>
			<li>
				<img src="images/img_06.jpg" alt="">
				<h3>淘汰回放系统</h3>
				<p>战斗内，己方队伍全部被淘汰后，在结算界面可以查看自己被淘汰前的视频片段，便于玩家了解自己被淘汰的全过程。目前该功能仅在部分机型中开放，需要在基础设置中开启才能体验，未来将逐步开放更多机型，敬请期待。
				</p>
			</li>
			<li>
				<img src="images/img_07.jpg" alt="">
				<h3>组队大厅</h3>
				<p>新增“组队大厅”功能，该功能入口位于组队界面右下角，等级达到10级的玩家可以使用。玩家可以发布自己的队伍等待满足条件的玩家入队，也可以在这里选择适合的队伍加入。</p>
			</li>
			<li>
				<img src="images/img_08.jpg" alt="">
				<h3>移动使用药品</h3>
				<p>玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带（当玩家使用绷带回复血量时，绷带可以自动连续使用）、全能医疗箱、肾上腺素，使用过程中移动速度会下降。</p>
			</li>
		</ul>
	</div>

	<!-- 系统优化 -->
	<div id="section7">
		<h2>系统优化</h2>
		<ul>
			<li class="active">
				<h3>
					<p>经典模式体验优化</p>
				</h3>
				<div>
					<p>
						●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br>
						●十字弩新增弹道轨迹特效；<br>
						●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；<br>
						●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；<br>
						●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；<br>
						●当玩家使用绷带回复血量时，绷带可以自动连续使用；<br>
					</p>
				</div>
			</li>

			<li>
				<h3>
					<p>团队竞技体验优化</p>
				</h3>
				<div>
					<p>
						●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br>
						●十字弩新增弹道轨迹特效；<br>
						●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；<br>
						●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；<br>
						●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；<br>
						●当玩家使用绷带回复血量时，绷带可以自动连续使用；<br>
					</p>
				</div>
			</li>

			<li>
				<h3>
					<p>暗夜危机体验优化</p>
				</h3>
				<div>
					<p>
						●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br>
						●十字弩新增弹道轨迹特效；<br>
						●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；<br>
						●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；<br>
						●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；<br>
						●当玩家使用绷带回复血量时，绷带可以自动连续使用；<br>
					</p>
				</div>
			</li>

			<li>
				<h3>
					<p>队友召回模式优化</p>
				</h3>
				<div>
					<p>
						●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br>
						●十字弩新增弹道轨迹特效；<br>
						●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；<br>
						●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；<br>
						●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；<br>
						●当玩家使用绷带回复血量时，绷带可以自动连续使用；<br>
					</p>
				</div>
			</li>

			<li>
				<h3>
					<p>赛季战斗平衡性调整</p>
				</h3>
				<div>
					<p>
						●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br>
						●十字弩新增弹道轨迹特效；<br>
						●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；<br>
						●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；<br>
						●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；<br>
						●当玩家使用绷带回复血量时，绷带可以自动连续使用；<br>
					</p>
				</div>
			</li>

			<li>
				<h3>
					<p>新增功能及优化</p>
				</h3>
				<div>
					<p>
						●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br>
						●十字弩新增弹道轨迹特效；<br>
						●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；<br>
						●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；<br>
						●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；<br>
						●当玩家使用绷带回复血量时，绷带可以自动连续使用；<br>
					</p>
				</div>
			</li>
		</ul>
	</div>

	<!-- 游戏特色 -->
	<div id="section8" class="public">
		<h2>游戏特色</h2>
		<div class="container">
			<div class="wrap">
				<ul>
					<li data-id=0><img src="images/section8_pic_img1.png" alt="">
					</li>
					<li data-id=1><img src="images/section8_pic_img2.png" alt=""></li>
					<li data-id=2><img src="images/section8_pic_img3.png" alt=""></li>

					<li data-id=3><img src="images/section8_pic_img4.png" alt=""></li>
					<li data-id=4><img src="images/section8_pic_img5.png" alt=""></li>
					<li data-id=5><img src="images/section8_pic_img6.png" alt=""></li>
					<li data-id=6><img src="images/section8_pic_img7.png" alt=""></li>
					<li data-id=7><img src="images/section8_pic_img8.png" alt=""></li>
					<li data-id=8><img src="images/section8_pic_img9.png" alt=""></li>
					<li data-id=9><img src="images/section8_pic_img10.png" alt=""></li>
				</ul>
			</div>
			<div class="btn">
				<button class="prev"></button>
				<button class="next"></button>
			</div>
			<div class="circle">
				<span class="active"></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
	</div>

	<!-- footer -->
	<footer id="footer">
		<div class="container">
			<div class="footLeft">
				<div class="logo">
					<a href="#"><img src="images/foot-dark.png" alt=""></a>
					<a href="#"><img src="images/foot-logo3.png" alt=""></a>
				</div>
				<ul>
					<li>抵制不良游戏</li>
					<li>拒绝盗版游戏</li>
					<li>注意自我保护</li>
					<li>谨防受骗上当</li>
					<li>适度游戏益脑</li>
					<li>沉迷游戏伤身</li>
					<li>合理安排时间</li>
					<li>享受健康生活</li>
				</ul>
			</div>
			<div class="footRight">
				<p>
					<a href="#">腾讯互动娱乐</a> | <a href="#">服务条款</a> | <a href="#">隐私保护指引</a> | <a href="#">儿童隐私保护指引</a> |
					<a href="#">腾讯游戏招聘</a> | <a href="#">腾讯游戏客服</a> | <a href="#">游戏列表</a> | <a href="#">广告服务及商务合作</a>
				</p>
				<p>COPYRIGHT &copy; 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.</p>
				<p>
					<a href="#">
						<img src="images/gswj.png" width="15" height="15">
						<span>工商网监电子标识</span>
					</a> |
					<a href="#">粤网文[2017]6138-1456号</a> | <a href="#">（总）网出证（粤）字第057号</a>
				</p>
				<p>
					国新出审[2019]1394号 | ISBN 978-7-498-06474-5 | 全国文化市场统一举报电话：12318
				</p>
			</div>
		</div>
	</footer>

	<script src="js/index.js"></script>
</body>

</html>